<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>v-for遍历数组</title>
        <script src="js/vuejs-2.5.16.js"></script>
    </head>
    <body>
        <div id="app">
            <ul>
                <!--<li v-for="(item,index) in arr">{{item}}={{index}}</li>-->
                <li v-for="(key,value) in product">{{key}}=={{value}}</li>
            </ul>
        </div>
    </body>
    <script>
        //view model
        new Vue({
            el:"#app",
            /*data:{
                arr:[1,2,3,4,5]
            }*/
            data:{
                product:{
                    id:1,
                    name:"笔记本电脑",
                    price:5000
                }
            }
        });
        
    </script>
</html>